<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script type="text/javascript" src="js/rem.js"></script>
	</head>
	<body>
		<input type="checkbox" id="login_btn" />
		<input type="checkbox" id="at_once" />
		<!--退出登录-->
		<input type="checkbox" id="logout" />
		<!--立即登录页面-->
		<div class="login_page">
			<div class="w">
				<div class="login_top">
					<div class="close_img">
						<label for="login_btn"><img src="img/close.png"/></label>
					</div>
				</div>
				<div class="login_mid">
					<div class="touxiang">
						<a href="#">
							<img src="img/mx-nologin.png"/>
						</a>
					</div>
					<h3><label for="at_once"><a href="#">立即登录</a></label></h3>
					<p><a href="#">忘记密码</a></p>
				</div>
				<div class="login_bot">
					<ul>
						<li class="clearfix">
							<input type="checkbox" id="menu" />
							<label for="menu" class="clearfix">
								<div class="li_title fl">GIMC</div>
							</label>
							<div class="btn rotate">
								<img src="img/btn.png"/>
							</div>
							<div class="li_menu">
								<p><a href="#">省广介绍</a></p>
								<hr />
								<p><a href="#">新闻资讯</a></p>
							</div>
						</li>
						<li class="clearfix">
							<div class="li_title fl">文章</div>
							<div class="btn fr">
								<img src="img/btn.png"/>
							</div>
						</li>
						<li class="clearfix">
							<div class="li_title fl">资源</div>
							<div class="btn fr">
								<img src="img/btn.png"/>
							</div>
						</li>
						<li class="clearfix">
							<div class="li_title fl">课程</div>
							<div class="btn fr">
								<img src="img/btn.png"/>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--登录页面-->
		<div class="login">
			<div class="login_logo">
				<img src="img/common_logo.png"/>
			</div>
			<form action="" method="post" enctype="multipart/form-data">
				<div class="form_inp">
					<label class="user_name clearfix">
						<span><i class="iconfont icon-z-user"></i></span>
						<input type="text" name="user" placeholder="请输入已验证的手机号或邮箱" />
					</label>
					<label class="user_psw clearfix">
						<span><i class="iconfont icon-mima"></i></span>
						<input type="password" name="psw" placeholder="请输入密码" />
					</label>
					<p class="forget_psw"><i class="iconfont icon-wenhao"></i><a href="#">忘记密码</a></p>
				</div>
				<div class="form_btn clearfix">
					<input type="button" name="enter" id="enter" value="登录" />
					<input type="button" name="register" value="注册" />
				</div>
			</form>
		</div>
		<!--个人中心页-->
		<div class="my_center">
			<div class="center_search">
				<label for="login_btn" class="close">
					<img src="img/close.png"/>
				</label>
				<form action="" method="post" enctype="multipart/form-data">
					<label for="search" class="fangda">
						<img src="img/fangdajing.png"/>
					</label>
					<input type="text" name="search" id="search" placeholder="Search" />
				</form>
			</div>
			<div class="center_bd">
				<div class="user_pic">
					<div class="num">1</div>
				</div>
				<div class="user_mid">
					<ul>
						<li>
							<span class="name">陈小敏</span>
							<span class="personal"><a href="#">个人中心 ></a></span>
						</li>
						<li>
							<div class="star_num clearfix">
								<div class="star">
									<img src="img/star.png"/>
								</div>
								<div class="star">
									<img src="img/star.png"/>
								</div>
								<div class="star">
									<img src="img/star.png"/>
								</div>
								<div class="star">
									<img src="img/star.png"/>
								</div>
							</div>
						</li>
						<li>
							<p>关注<a href="#">36</a><span>|</span>粉丝<a href="#">290</a></p>
						</li>
						<li>
							<div class="collect"><a href="#">我的收藏</a></div>
							<div class="publish"><a href="#">我的发布</a></div>
						</li>
					</ul>
				</div>
				<div class="user_bot w">
					<ul>
						<li class="clearfix">
							<input type="checkbox" id="user_menu" />
							<label for="user_menu" class="clearfix">
								<div class="li_title fl">GIMC</div>
							</label>
							<div class="btn rotate">
								<img src="img/btn.png"/>
							</div>
							<div class="li_menu">
								<p><a href="#">省广介绍</a></p>
								<hr />
								<p><a href="#">新闻资讯</a></p>
							</div>
						</li>
						<li class="clearfix">
							<div class="li_title fl">文章</div>
							<div class="btn fr">
								<img src="img/btn.png"/>
							</div>
						</li>
						<li class="clearfix">
							<div class="li_title fl">资源</div>
							<div class="btn fr">
								<img src="img/btn.png"/>
							</div>
						</li>
						<li class="clearfix">
							<div class="li_title fl">课程</div>
							<div class="btn fr">
								<img src="img/btn.png"/>
							</div>
						</li>
					</ul>
				</div>
				<!--退出按钮-->
				<div class="exit">
					<label for="logout">退出</label>
				</div>
			</div>
		</div>
	</body>
</html>
